import React,{useEffect} from 'react'
import 'animate.css';
import { useNavigate } from 'react-router-dom';
export default function ReaderNew() {
  const navigate = useNavigate()
  useEffect(() => {
    setTimeout(() => {
      navigate('/login');
    }, 3000)
    // clearTimeout(timer)
  },[])
  // let timer = setTimeout(() => {
  //     navigate('/login');
  //     timer = null;
  // },3000)
  return (
    <div>
      <div style={{ height: '20vh' }}></div>
      <div style={{ padding: '4%' }}>
        <img className="animate__animated animate__zoomIn" style={{ width: '100%' }} src='https://img.axureshop.com/b6/c6/26/b6c6268d91f3465fb5990a6ddb8b2cc9/images/%E5%90%AF%E5%8A%A8%E9%A1%B5/u1422.svg' alt='' />
      </div>
      <div style={{ position: 'fixed', bottom: '25vh', width: '100%', textAlign: 'center' }}>
        <div className="animate__animated animate__zoomIn animate__delay-1s" style={{ fontSize: '5vh', padding: '2%', letterSpacing: '10px' }}>
          读新
        </div>
        <div className="animate__animated animate__zoomIn animate__delay-2s" style={{ letterSpacing: '10px', padding: '1.8vh', color: '#B39999' }}>
          创新改变世界
        </div>
      </div>
    </div>
  )
}
